<script setup lang="ts">
// 1.导入子组件
import { onMounted, ref } from 'vue';
import ChildComp from './components/ChildComp.vue';
// 5.获取子组件dom
// 类型获取之前使用的是document.querySelector
// 因为这个是自定义的组件因此使用如下方法
const childRef = ref<InstanceType<typeof ChildComp>>()

onMounted(() => {
  // 拿到子组件
  childRef.value?.logCar()
  // 因为没有暴露出来，所以虽然拿到子组件，但是无法使用子组件中方法

})


</script>

<template>
  <div class="child-page">
    <!-- 2.使用子组件 -->
    <!-- 4.ref绑定子组件 获取dom -->
    <ChildComp ref="childRef" />
  </div>
</template>

<style lang="css" scoped></style>
